<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<!-- 响应式布局 -->
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<title>12306个人中心</title>
		<link rel="stylesheet" href="resources/layui/css/layui.css">
		<link rel="stylesheet" href="resources/css/usercentre.css" />
		<link rel="stylesheet" href="resources/css/welcome.css" />
		<script src="resources/js/jquery-3.7.1.min.js"></script>
		<style>
			.welcome-info {
				display: block;
			}
		</style>
	</head>
	<body>
		<div>
			<div id="head12306"></div>
			<div class="title_1">当前位置：个人中心</div>

			<div class="main">
				<div class="left-nav">
					<ul class="nav-list">
						<h2 class="menu1" style="background-color:#1E9FFF ;">
							<a class="close-welcomg" href="welcome" target="infor">个人中心</a>
						</h2>
						<li><a href="javascript:;">订单中心</a>
							<ul class="sub-nav">
								<li><a class="close-welcomg" href="userorder" target="infor">火车票订单</a></li>
								<li><a class="close-welcomg" href="nextorder" target="infor">候补订单</a></li>
								<li><a class="close-welcomg" >计次·定期票…</a></li>
								<li><a class="close-welcomg" >约号订单</a></li>
								<li><a class="close-welcomg" >雪具快运订单</a></li>
								<li><a class="close-welcomg" >餐饮·特产</a></li>
								<li><a class="close-welcomg" >保险订单</a></li>
								<li><a class="close-welcomg" >电子发票</a></li>
							</ul>
						</li>
						<li><a class="close-welcomg" >本人车票</a></li>
						<li>
							<a class="close-welcomg" >会员中心</a>
						</li>
						<li><a class="close-welcomg">个人信息</a>
							<ul class="sub-nav">
								<li><a class="close-welcomg" href="usermessage" target="infor">查看个人信息</a></li>
								<li><a class="close-welcomg" href="usersafety" target="infor">账号安全</a></li>
								<li><a class="close-welcomg" href="idnumber" target="infor">实名认证</a></li>
								<li><a class="close-welcomg"  href="money" target="infor">余额充值</a></li>
							</ul>
						</li>
						<li><a class="close-welcomg">常用信息管理</a>
							<ul class="sub-nav">
								<li><a class="close-welcomg" href="ridingusers" target="infor">乘车人</a></li>
								<li><a >地址管理</a></li>
							</ul>
						</li>
						<li><a>温馨服务</a>
							<ul class="sub-nav">
								<li><a class="close-welcomg" >重点旅客预约</a></li>
								<li><a class="close-welcomg" >遗失物品找回</a></li>
								<li><a class="close-welcomg" >服务查询</a></li>

							</ul>
						</li>
						<li><a class="close-welcomg">投诉和建议</a>
							<ul class="sub-nav">
								<li><a class="close-welcomg" >投诉</a></li>
								<li><a class="close-welcomg" >建议</a></li>

							</ul>
						</li>
					</ul>
				</div>

				<div class="my-menu-info">
					<div class="welcome-info">
						<div class="welcome-container">
							 <h1 id="userName">您好!</h1>
							<div class="welcome-message">
								欢迎您登录中国铁路客户服务中心网站。
							</div>
							<div class="security-tip">
								如果您的密码在其他网站也使用，建议您<a href="javascript:;">修改本网站密码</a>。
							</div>
							<div class="action-buttons">
								<a href="javascript:;">点击成为会员</a>
								<a href="javascript:;">车票预订</a>
							</div>
							<div class="qr-codes">
								<div class="qr-code">
									<img src="resources/img/Qr.jpg" alt="微信二维码">
									<p>使用微信扫一扫，可通过微信公众号接收12306行程通知</p>
								</div>
								<div class="qr-code">
									<img src="resources/img/11111Qr.jpg" alt="支付宝二维码">
									<p>使用支付宝扫一扫，可通过支付宝接收12306行程通知</p>
								</div>
							</div>
							<div class="tips">
								<p><strong>温馨提示：</strong></p>
								<p>1.
									请阅读方式进行相关调整，将通过“铁路12306”App客户端为您推送相关消息（需开启通知权限）。您也可以扫描关注“铁路12306”微信公众号或支付宝生活号，选择通过微信或支付宝接收。列车运行调整的通知仍然发送短信通知给您。
								</p>
								<p>2. 您可通过“账号安全”中的“通知设置”修改您接收信息服务的方式。</p>
							</div>
							<div class="official-links">
								<a href="javascript:;">中国铁路官方微信</a>
								<a href="javascript:;">中国铁路官方微博</a>
								<a href="javascript:;">12306 公众号</a>
								<a href="javascript:;">铁路12306</a>
							</div>
						</div>
					</div>
					<iframe src="" frameborder="0" name="infor" width="100%" height="100%"></iframe>
				</div>
			</div>
		</div>

		<div id="footer" ></div>
			<script>
				$(document).ready(function() {
					$(".close-welcomg").click(function() {
						$(".welcome-info").css("display", "none"); // 设置css样式display为none
					});
				});
			</script>
			<script>
				function loadComponent(id, url) {
					$("#" + id).load(url);
				}
				loadComponent("head12306", "head_12306");
				loadComponent("footer", "footer");
			</script>
			<script src="resources/js/welcome.js"></script>
			<script src="resources/layui/layui.js"></script>
			<script>
				layui.use(['element', 'form'], function() {
					var element = layui.element;
					var form = layui.form;

					element.init(); //初始化导航组件
					form.render(); //渲染表单




					// 刷新页面函数
					window.refreshPage = function() {
						window.location.reload(); // 刷新当前页面
					};


				});
			</script>
	</body>
</html>